<template>
  <div id="rates">
    <el-container>
      <el-aside class="left_bar" width="180px">
        <p class="left_title">基础管理</p>
        <el-menu mode="verticle" default-active="2">
          <el-menu-item class="menu-item" index="1" v-on:click="Monitor">监测资质</el-menu-item>
          <el-menu-item class="menu-item" index="2" v-on:click="RatesConfiguration">收费标准配置</el-menu-item>
          <el-menu-item class="menu-item" index="3" v-on:click="FormManager">表单管理</el-menu-item>
          <el-menu-item class="menu-item" index="4" v-on:click="Enterprise">企业信息管理</el-menu-item>
          <el-menu-item class="menu-item" index="5" @click="EnvironmentManager">环境质量点位管理</el-menu-item>
          <el-menu-item class="menu-item" index="6">采样规范管理</el-menu-item>
        </el-menu>
      </el-aside>
      <el-main class="right_bar">
        <!-- 分类界面 -->
        <el-row>
          <el-col :span="24">
            <el-tabs type="border-card">
              <el-tab-pane label="水和废水">
                <!-- 操作菜单栏 -->
                <el-row style="width:100%">
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>
                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="环境空气和废气">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="大气降水">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="土壤">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="固体废物">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="生物">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="噪声和振动">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="辐射监控">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
              <el-tab-pane label="煤质">
                <el-row>
                  <el-col :span="1" :offset="1">
                    <el-button type="primary">新增</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="primary">编辑</el-button>
                  </el-col>
                  <el-col :span="1" :offset="2">
                    <el-button type="danger">删除</el-button>
                  </el-col>
                  <el-col :span="2" :offset="2">
                    <el-button type="primary">下载模板</el-button>
                  </el-col>
                  <el-col :span="6" :offset="6">
                    <el-input placeholder="请输入关键子进行查询" prefix-icon="el-icon-search" clearable></el-input>
                  </el-col>
                </el-row>

                <!-- 表单栏 -->
                <el-row class="dataList">
                  <el-col :span="24">
                    <el-table style="width:1150">
                      <el-table-column label="No." width="50"></el-table-column>
                      <el-table-column label="监测项目" width="100"></el-table-column>
                      <el-table-column label="监测要素" width="100"></el-table-column>
                      <el-table-column label="采样费（元）" width="150"></el-table-column>
                      <el-table-column label="样品前处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析处理费（元）" width="150"></el-table-column>
                      <el-table-column label="分析加收费（元）" width="150"></el-table-column>
                      <el-table-column label="小计（元）" width="100"></el-table-column>
                      <el-table-column label="预处理方法" width="100"></el-table-column>
                      <el-table-column label="分析方法" width="50"></el-table-column>
                      <el-table-column label="管理" width="50"></el-table-column>
                    </el-table>
                  </el-col>
                </el-row>
              </el-tab-pane>
            </el-tabs>
          </el-col>
          <!-- 搜索框 -->
        </el-row>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  methods: {
    Monitor: function () {
      this.$router.push('/base/MonitoringQualification')
    },

    RatesConfiguration: function () {
      // this.$router.push('/base/RatesConfiguration')
    },

    FormManager: function () {
      this.$router.push('/base/FormManager')
    },

    Enterprise: function () {
      this.$router.push('/base/EnterpriseInfoManager')
    },

    EnvironmentManager: function () {
      this.$router.push('/base/EnvironmentManager')
    }
  }
}
</script>

<style>
.left_bar {
  background-color: transparent;
  height: 100%;
  background-color: gray;
  color: aliceblue;
}

.right_bar {
  height: 100%;
}

.left_title {
  text-align: center;
}

.menu-item {
  background-color: transparent;
}

.inputRates {
  width: 10px;
}

.dataList{
  margin-top: 20px;
}
</style>
